﻿<!DOCTYPE html>
<html>
<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <title>用户中心</title>
    <link href="../Scripts/layui/css/layui.css" rel="stylesheet" />
</head>
<body class="layui-layout-body">
    <!-- 让IE8/9支持媒体查询，从而兼容栅格 -->
    <!--[if lt IE 9]>
  <script src="https://cdn.staticfile.org/html5shiv/r29/html5.min.js"></script>
  <script src="https://cdn.staticfile.org/respond.js/1.4.2/respond.min.js"></script>
<![endif]-->
    <div class="layui-layout layui-layout-admin">
        <div class="layui-header">
            <!--  <div class="layui-logo"><i class="layui-icon" data-icon="&#xe68e;" style="font-size: 18px;">&#xe68e;</i>    企业LOGO</div>-->
            <div class="layui-logo">
                <img src="../img/logo.png" style="top: -5px; position: relative;" alt="">
                企业LOGO
            </div>
            <ul class="layui-nav layui-layout-left">
                <li class="layui-nav-itemnew">
                    <i class="layui-icon" data-icon="&#xe66b;" style="font-size: 25px;">&#xe66b;</i>
                </li>
            </ul>
            <ul class="layui-nav layui-layout-right">
                <li class="layui-nav-itemnew">
                    <span>欢迎User</span>
                </li>
                <li class="layui-nav-itemnew"><a href="javascript:;" style="padding-left: 60px; padding-right: 30px; color: #fff;"><i class="layui-icon" data-icon="&#xe673;">&#xe673;</i><font class="fontnew"></font>修改密码</a></li>
                <li class="layui-nav-itemnew"><a href="javascript:;" style="padding: 0px; color: #fff;"><i class="layui-icon" data-icon="&#xe679;">&#xe679;</i><font class="fontnew"></font>退出系统</a></li>
            </ul>
        </div>

        <div class="layui-side layui-bg-black">
            <div class="layui-side-scroll">
                <!-- 左侧导航区域（可配合layui已有的垂直导航） -->
                <ul class="layui-nav layui-nav-tree" lay-filter="test">
                    <li class="layui-nav-item layui-nav-itemed">
                        <a class="" href="javascript:;"><i class="layui-icon" data-icon="&#xe656;">&#xe656;</i><font class="fontnew"></font>API管理</a>
                        <dl class="layui-nav-child">
                            <dd class="layui-this"><a href="javascript:;"><i class="layui-icon" data-icon="&#xe63c;">&#xe63c;</i><font class="fontnew"></font>API列表</a></dd>
                            <dd><a href="javascript:;"><i class="layui-icon" data-icon="&#xe609;">&#xe609;</i><font class="fontnew"></font>发布服务</a></dd>
                        </dl>
                    </li>
                    <li class="layui-nav-item">
                        <a href="javascript:;"><i class="layui-icon" data-icon="&#xe60a;">&#xe60a;</i><font class="fontnew"></font>订单管理</a>
                    </li>
                    <li class="layui-nav-item"><a href="javascript:;"><i class="layui-icon" data-icon="&#xe62c;">&#xe62c;</i><font class="fontnew"></font>统计分析</a></li>
                </ul>
            </div>
        </div>

        <div class="layui-body layui-form">
            <div class="layui-tab" lay-filter="bodyTab" id="top_tabs_box" style="margin: 0px;">
                <ul>
                    <li class="layui-banner">
                        <span>首页</span><span class="span1">></span><span class="span1">API列表</span>
                    </li>
                </ul>
                <div class="layui-tab-content clildFrame">
                    <div class="layui-tab-item layui-show">
                        <div class="childrenBody">

                            <div class="layui-row">
                                <ul class="layui-tab-title site-demo-title">
                                    <li class="layui-this"><a href="javascript:;">全部产品</a></li>
                                    <li><a href="javascript:;">已通过（18）</a></li>
                                    <li><a href="javascript:;">未通过（1）</a></li>
                                </ul>
                            </div>
                            <div class="layui-row mgrow">
                                <div class="layui-inline">
                                    <div class="layui-input-inline">
                                        <input type="text" class="layui-input" placeholder="请在此输入产品名称" style="width: 555px;" />
                                    </div>
                                    <a class="layui-btn  layui-btn-normal search_btn" data-type="reload"><i class="layui-icon">&#xe615;</i> 搜索</a>
                                    <a class="layui-btn  layui-btn-normal search_btn" data-type="reload"><i class="layui-icon">&#xe609;</i> 发布新产品</a>
                                </div>
                            </div>
                            <div class="layui-row lgmgrow">
                                <table class="layui-table" lay-skin="line" lay-even>
                                    <colgroup>
                                        <col width="150">
                                        <col width="200">
                                        <col>
                                    </colgroup>
                                    <thead>
                                        <tr>
                                            <th>产品名称</th>
                                            <th style="width: 300px;">服务编号</th>
                                            <th>服务描述</th>
                                            <th>审核状态</th>
                                            <th>发布时间</th>
                                            <th>审核时间</th>
                                            <th>操作人数</th>
                                            <th>操作</th>
                                        </tr>
                                    </thead>
                                    <tbody>
                                        <tr>
                                            <td>图像识别服务</td>
                                            <td>9DB7F623-E3CB-422D-B07E-CA5A4F1AFEE8</td>
                                            <td>测试</td>
                                            <td><span style="color: rgb(91,156,240);">已通过</span></td>
                                            <td>2018-07-06 16:30:07</td>
                                            <td></td>
                                            <td>0</td>
                                            <td><span style="color: rgb(91,156,240);">详情</span><span style="color: rgb(242,89,81);"> 下架</span></td>
                                        </tr>
                                        <tr>
                                            <td>0528语言合成</td>
                                            <td>9DB7F723-E3CB-422D-B07E-CA5A4F1AFEE8</td>
                                            <td>0528语言合成</td>
                                            <td><span style="color: rgb(91,156,240);">已通过</span></td>
                                            <td>2018-07-06 16:30:07</td>
                                            <td></td>
                                            <td>2</td>
                                            <td><span style="color: rgb(91,156,240);">详情</span><span style="color: rgb(242,89,81);"> 下架</span></td>
                                        </tr>
                                        <tr>
                                            <td>图像识别服务</td>
                                            <td>9DB7F323-E3CB-422D-B07E-CA5A4F1AFEE8</td>
                                            <td>测试</td>
                                            <td><span style="color: rgb(242,89,81);">未通过</span></td>
                                            <td>2018-07-06 16:30:07</td>
                                            <td></td>
                                            <td>2</td>
                                            <td><span style="color: rgb(91,156,240);">详情</span></td>
                                        </tr>
                                        <tr>
                                            <td>0528语言合成</td>
                                            <td>9DB7F323-E3CB-422D-B07E-CA5A4F1AFEE8</td>
                                            <td>图像识别服务</td>
                                            <td><span style="color: rgb(91,156,240);">已通过</span></td>
                                            <td>2018-07-06 16:30:07</td>
                                            <td></td>
                                            <td>0</td>
                                            <td><span style="color: rgb(91,156,240);">详情</span><span style="color: rgb(242,89,81);"> 下架</span></td>
                                        </tr>
                                        <tr>
                                            <td>图像识别服务</td>
                                            <td>9DB7F323-E3CB-422D-B07E-CA5A4F1AFEE8</td>
                                            <td>测试</td>
                                            <td><span style="color: rgb(91,156,240);">已通过</span></td>
                                            <td>2018-07-06 16:30:07</td>
                                            <td></td>
                                            <td>2</td>
                                            <td><span style="color: rgb(91,156,240);">详情</span><span style="color: rgb(242,89,81);"> 下架</span></td>
                                        </tr>
                                    </tbody>
                                </table>
                            </div>
                            <div class="layui-row slgmgrow">

                                <div id="page" style="margin-left: 25%;"></div>

                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
        <div class="layui-footer">
        </div>
    </div>
    <script src="../Scripts/layui/layui.js"></script>
    <script>

        //JavaScript代码区域
        layui.use(['laypage', 'layer', 'element'], function () {
            var laypage = layui.laypage
            , layer = layui.layer
            , element = layui.element;

            laypage.render({
                elem: 'page'
               , count: 100
               , theme: '#1E9FFF'
               , prev: '<em><上一页</em>'
               , next: '<em>下一页></em>'
            });
        });
    </script>
</body>
</html>
